/*通用js*/
layui.use(['form','layer','table','jquery','laydate','upload'], function(){
    var form = layui.form
        ,layer = layui.layer
        ,laydate=layui.laydate
        ,$=layui.jquery,
        table= layui.table,
        upload=layui.upload;
    /*用于显示指定的日期格式*/
    laydate.render({
        type: 'datetime',
        elem: '#myTime' //指定元素
    });
    /********************************************************表格的渲染区域开始**********************************************/
    /*给例table填充数据*/
    layui.use('table', function(){
        var table = layui.table;
        table.render({
            elem: '#userList'
            ,height: 312
            ,width:910
            ,limit:5
            ,url: '/qwwq/csy' //数据接口
            ,page: true //开启分页
            ,align:"center"//文字居中
            ,cols: [[ //表头
                {field: 'id', title: '图书编号', width:80,align:"center"}
                ,{field: 'title', title: '图书名称', width:80,align:"center"}
                ,{field: 'summary', title: '图书摘要', width:150,align:"center"}
                ,{field: 'uploaduser', title: '上传人', width:250,align:"center"}
                ,{field: 'createdate', title: '上传时间', width:250,align:"center"}
                ,{field: 'right',title: '操作',toolbar:"#barDemo", width: 130,align:"center"}
            ]]
        });
    });
    /********************************************************表格的渲染区域结束**********************************************/



    /********************************************************删除开始**********************************************/
    //工具条事件
    table.on('tool(tableTools)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

        if(layEvent === 'detail'){ //查看
            //do somehing
        } else if(layEvent === 'del'){ //删除
            layer.confirm('真的删除行么', function(index){

                /*layer.msg("删除成功",{icon:6});
                layer.close(index);*/

                //向服务端发送删除指令
                var userId= data.id;
                var clientData={"id":userId}
                //ajax删除
                /* $.post("/SSMPrject_war_exploded2/restDelById/"+userId,"",function(serverData){
                     console.log(serverData);
                 },"json");*/
                $.post("/qwwq/sc",clientData,function(serverData){
                    if(serverData.mark==1){
                        layer.msg("删除成功",{icon:6});
                        obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                        layer.close(index);
                    }
                },"json");
            });
        }  else if(layEvent === 'edit'){ //修改
            // 遮罩层，form表单显示出来
            openUpdateComponet(layer,data);
        } else if(layEvent === 'LAYTABLE_TIPS'){
            layer.alert('Hi，头部工具栏扩展的右侧图标。');
        }else if(layEvent==='chakan'){
            layer.alert('Hi，头部工具栏扩展的右侧图标。chakan');
        }
    });
    /********************************************************删除结束**********************************************/




    /********************************************************修改开始**********************************************/
    function openUpdateComponet(layer,data){
        layer.open({
            type: 1,
            title:"修改用户数据",
            area: ['600px', '500px'],
            content: $("#updateForm") //对应修改form表单中的id选择器
        });
        // 给form表单中的元素赋值
        form.val("filterColumn",{
            "id":data.id,
            "title":data.title,
            "summary" :data.summary,
            "uploaduser":data.uploaduser,
            "createdate":data.createdate,
        });
    }

    form.on('submit(xg)',function (message) {
        var jsonData = JSON.stringify(message.field);
        $.post("/qwwq/xg",message.field,function(serverData){
            layer.closeAll('loading'+serverData.success);
            layer.msg("修改成功",{icon:6});
            //刷新页面
            setTimeout(function(){
                window.parent.location.reload();//修改成功后刷新父界面
            }, 1000);
        },"json");
        return false;
    })
    /********************************************************修改结束**********************************************/



    /********************************************************查询开始**********************************************/
    /*第一步，绑定i单击事件*/
    $("#chaxun").bind("click",function(){
        //2、获取对应文本框，下拉列表框的值
        var Role=$("[name=\"Role\"] option:selected").val();
        var name=$("[name=\"name\"]").val();
        //和后台进行通讯
        //执行重载
        if(Role==1){
            table.reload('userList', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,where: {
                    //客户端给服务器传值
                    bookName:name
                }
            }, 'data');
        }
        if(Role==2){
            table.reload('userList', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,where: {
                    //客户端给服务器传值
                    bookAuthor:name
                }
            }, 'data');
        }
        if(Role==3){
            table.reload('userList', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,where: {
                    //客户端给服务器传值
                    bookPublish:name
                }
            }, 'data');
        }
    });
    /********************************************************查询结束**********************************************/

    /********************************************************保存开始**********************************************/
    $("#saveBtn").bind("click",function(){
        layer.open({
            type: 2,
            title:"用户数据保存",
            area:['500px','500px'],
            content: '/qwwq/add' //这里content是一个普通的String
        });
    })
    /********************************************************保存结束**********************************************/


    /*保存数据提交*/
    form.on('submit(submitBtn)',function (message) {
        $.post("/qwwq/ss",message.field,function(serverData){
            layer.closeAll('loading'+serverData.success);
            layer.msg("保存成功",{icon:6});
            //刷新页面
            setTimeout(function(){
                window.parent.location.reload();//修改成功后刷新父界面
            }, 1000);
        },"json");
        return false;
    })
    /*保存功能结束*/




    //------------------------------文件上传区域----------------
    var uploadInst = upload.render({
        elem: '#upload_btn'
        , url: '/BookWeb/uploadFileTwo'
        ,accept: 'file',
        before: function (obj) {
            //预读本地文件示例，不支持ie8
            obj.preview(function (index, file, result) {
                $('#fileImg').attr('src', result); //图片链接（base64）
            });
        }
        , done: function (res) {
            //如果上传失败
            if (res.code === 0){
                $("#idpicpath").val(res.fileName);
                return layer.msg('文件上传成功!');
            }
            if (res.code === 2) {
                return layer.msg('不支持该上传类型');
            }
            if (res.code === 3) {
                return layer.msg('文件为空');
            }else{
                return layer.msg('文件上传异常');
            }
            //上传成功
        }
        , error: function () {
            //演示失败状态，并实现重传
            var demoText = $('#demoText');
            demoText.html('<span style="color: #ffffff;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
            demoText.find('.demo-reload').on('click', function () {
                uploadInst.upload();
            });
        }
    });

});



